import '../public/index'
import url from '../data/url'
import request from '../data/request'
import { tableConfig } from '../data/config'
import store from 'store'

const base                  = url.base,
      getDevLibPage       = request.getDevLibPage;

let table,
    storeData;

// 初始化表格
table = $('#table').bootstrapTable($.extend({}, tableConfig, {
  url: base + getDevLibPage,
  queryParams: function (params) {
    return $.extend({
        currentPage: params.pageNumber,
        pageSize: params.pageSize
      },
      $('#searchForm').serializeObject())
  },
  columns: [
    {
      field: 'id',
      title: '用户名',
      valign: 'middle'
    }, {
      field: 'enterInfo.enterpriseName',
      title: '开发商名称(对内)',
      valign: 'middle'
    }, {
      field: 'reserveName',
      title: '开发商名称(对外)',
      valign: 'middle'
    },{
      field: 'openUp',
      title: '是否运营(对内)',
      valign: 'middle',
      formatter: (index, row) => {
        switch (index) {
          case '':
            return '未知';
            break;
          case 'open':
            return '运营';
            break;
          case 'close':
            return '不运营';
            break;
        }
      }
    }, {
      field: 'action',
      valign: 'middle',
      align: 'center',
      title: '操作',
      formatter: function (index, row) {

        return `<div class="btn-group">
                  <button type="button" data-id="${ row.id }" class="btn btn-default btn-detail">详情</button>
                  <button type="button" data-id="${ row.id }" class="btn btn-default btn-modify">修改</button>                
                </div>`
      }
    }]
}));

// 点击列表的时候传递数据到全局变量
table.on('click-row.bs.table', (e, data, el) => {
  storeData = data
});

// 搜索
$('#search-btn').on('click', (e) => {
  e.preventDefault();

  table.bootstrapTable('refresh', {
    query: $.extend({
      currentPage : 1,
    }, $('#searchForm').serializeObject())
  })
});

//跳转至修改页
$(document).on('click', '#table .btn-modify', (e) => {
  e.preventDefault();

  console.log('详情');
  store.set('storeData', storeData);

  let id = $(e.target).attr('data-id');
  window.location.href = `./modify.html?id=${id}`
});

//跳转至详情页
$(document).on('click', '#table .btn-detail', (e) => {
  e.preventDefault();

  console.log('详情');
  store.set('storeData', storeData);

  let id = $(e.target).attr('data-id');
  window.location.href = `./detail.html?id=${id}`
});